import { Component, Input, OnInit, Output, EventEmitter  } from '@angular/core';



export interface TopMenu{
  title:string;
  link:string;
}

@Component({
  selector: 'app-scrollable-table',
  templateUrl: './scrollable-table.component.html',
  styleUrls: ['./scrollable-table.component.css']
})



/**
 * 接口是可选的，建议有他，这样少写ngOnInit会有提示
 */
export class ScrollableTableComponent implements OnInit {

  /**
   * 构造函数永远首先被调用
   */
   constructor() {
    console.log("组件构造调用");
   }

   

    /**
   * 组件初始化完完成，我们可以安全的使用组件的属性和方法
   */
  ngOnInit(): void {
    console.log("组件初始化");
  }

  selectedIndex=-1;
  title = '拼多多';

  /** 指定属性由外部传入**/
  @Input() menus:TopMenu[]=[];

  /** 传递事件**/
  @Output() tabSelected=new EventEmitter();

  handleSelection(index:number) {
    let _this=this;
    this.selectedIndex=index;
    this.tabSelected.emit(this.menus[this.selectedIndex]);
  }

}
